<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/simba.css">
    <title>Document</title>
</head>

<body>
    <div class="header margin flex">
        <div class="left">&lt;返回</div>
        <div class="right">温州广播电视传媒集团</div>
    </div>
    <!-- search -->
    <div class="search ">
        <div class="s-title margin">快点温州</div>
        <div></div>
    </div>
    <!-- banner -->
    <ul class="banner margin flex justify-a">
        <li class="active">推荐</li>
        <li>时政 </li>
        <li>小视频</li>
        <li>主播</li>
        <li>看温视</li>
        <li>听温广</li>
    </ul>
    <!-- background-photo -->
    <div class="photo">
    </div>
    <!-- window -->
    <div class="window margin flex justify-b">
        <li>
            <img src="images/banner03.png" style="width:100px;height:50px;">
            <div class="w-title ">现场直播</div>
        </li>
        <li>
            <img src="images/banner05.png" style="width:100px;height:50px;">
            <div class="w-title">看电视听广播</div>
        </li>
        <li>
            <img src="images/banner07.png" style="width:100px;height:50px;">
            <div class="w-title">回看回听</div>
        </li>
        <li>
            <img src="images/banner09.png" style="width:100px;height:50px;">
            <div class="w-title">专题
            </div>
        </li>
    </div>
    <!--time -->
    <div class="time  ">
        <div class="container  margin overhidden ">
            <div class="top ">时政</div>
            <div class="show"></div>
            <ul class="containers flex justify-b">
                <li>
                    <img src="images/banner20.png" alt="" style="width:100%;height:200px;">
                    <div class="c-title">北京一豪车撞桥墩 车主疑为李易峰</div>
                </li>
                <li>
                    <img src="images/banner20.png" alt="" style="width:100%;height:200px;">
                    <div class="c-title">北京初步制定拥堵收费方案 借鉴新加坡等城市经验</div>
                </li>

            </ul>
            <ul class="containers flex justify-b " style="margin-top:8px;">
                <li>
                    <img src="images/banner25.png" alt="" style="width:100%;height:200px;">
                    <div class="c-title">美联社：特朗普稳获共和党提名过半数支持票</div>
                </li>
                <li>
                    <img src="images/banner27.png" alt="" style="width:100%;height:200px;">
                    <div class="c-title">外国女孩在天津地铁跳钢管舞 乘客看呆</div>
                </li>

            </ul>
            <div class="bottom  flex justify-b">
                <div class="b-left">
                    <div class="button margin">
                        <div class="b-title">进入时政频道</div>
                    </div>
                </div>
                <div class="b-right">
                    <div class="buttons margin">
                        <div class="b-titles">换一换</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- hot -->
        <div class="hot ">
            <div class="h-container margin  ">
                <div class="top ">热播节目</div>
                <div class="show"></div>
                <div class="hot-photo"></div>
                <ul class="containers flex justify-b">
                    <li>
                        <img src="images/banner35.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">新闻联播20180223期</div>
                    </li>
                    <li>
                        <img src="images/banner37.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">《晚间新闻》 20180222期</div>
                    </li>

                </ul>
                <ul class="containers flex justify-b " style="margin-top:8px;">
                    <li>
                        <img src="images/banner42.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">《等着我》20180206期</div>
                    </li>
                    <li>
                        <img src="images/banner44.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">《今日说法20180223期</div>
                    </li>

                </ul>
                <div class="bottom  flex justify-b">
                    <div class="b-left">
                        <div class="button margin">
                            <div class="b-title">进入点播频道</div>
                        </div>
                    </div>
                    <div class="b-right">
                        <div class="buttons margin">
                            <div class="b-titles">换一换</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="hot ">
            <div class="h-container margin  ">
                <div class="top ">美食</div>
                <div class="show"></div>
                <ul class="containers flex justify-b">
                    <li>
                        <img src="images/banner47.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">节后“刮油”必备鲜汤，解腻又甩肉</div>
                    </li>
                    <li>
                        <img src="images/banner49.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">10亿人都爱喝的番茄鸡蛋疙瘩汤，简单两步教会你！ </div>
                    </li>

                </ul>
                <ul class="containers flex justify-b " style="margin-top:8px;">
                    <li>
                        <img src="images/banner54.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">90%的人分不清馄饨、云吞和抄手，它们究竟有啥区别？</div>
                    </li>
                    <li>
                        <img src="images/banner56.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">8碗面条！一天做一样，一周不重样！</div>
                    </li>

                </ul>
                <div class="bottom  flex justify-b">
                    <div class="b-left">
                        <div class="button margin">
                            <div class="b-title">进入美食频道</div>
                        </div>
                    </div>
                    <div class="b-right">
                        <div class="buttons margin">
                            <div class="b-titles">换一换</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="hot ">
            <div class="h-container margin  ">
                <div class="top ">财经</div>
                <div class="show"></div>
                <ul class="containers flex justify-b">
                    <li>
                        <img src="images/banner61.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">央行再启“削峰填谷” 利率存上行空间</div>
                    </li>
                    <li>
                        <img src="images/banner63.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">直击乐视网临时股东大会现场安保森严 高管迟到 </div>
                    </li>

                </ul>
                <ul class="containers flex justify-b " style="margin-top:8px;">
                    <li>
                        <img src="images/banner67.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">冲击3300点：A股节后红包到底能延续多久？</div>
                    </li>
                    <li>
                        <img src="images/banner70.png" alt="" style="width:100%;height:200px;">
                        <div class="c-title">今年将有2万银行员工被“踢出门外”</div>
                    </li>

                </ul>
                <div class="bottom  flex justify-b">
                    <div class="b-left">
                        <div class="button margin">
                            <div class="b-title">进入财经频道</div>
                        </div>
                    </div>
                    <div class="b-right">
                        <div class="buttons margin">
                            <div class="b-titles">换一换</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>
</body>

</html>